<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HIGH淘网</title>
<link rel="stylesheet" type="text/css" href="css/reset.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<style>
            .box{
				width:100%;
                position:relative;
				-moz-box-shadow:0px 0px 10px #aaa;
				-webkit-box-shadow:0px 0px 10px #aaa;
				-box-shadow:0px 0px 10px #aaa;
            }
            .box h2{
				color:#f0f0f0;
				padding:40px 10px;
				text-shadow:1px 1px 1px #ccc;
            }
			.news{ border:#CCC 1px solid; padding:5px;}
			.news ul{ margin-left:3px;}
			.news h1{ font-size:14px; margin:5px; border-bottom:#CCC 1px solid;}
			.news ul li{ float:left; width:191px;}
        </style>
</head>

<body>
<div class="page">
 <div class="header">
  <div class="logo"><a href="#"><img src="img/LOGO.jpg" width="222" height="62" /></a></div>
  <div class="site">
      首页 | 收藏（0） | 会员中心 | 购物车 | 去结账<br />
   <div class="str">
    <ul>
      <li><a href="#">注册</a></li>
      <li><a href="#">登录</a></li>
      <li><a href="#">购物车</a></li>
    </ul>
   </div>
  </div>
 </div>
 <div class="box rel">
  <ul id="ldd_menu" class="ldd_menu">
				<li>
					<span>秋冬新品</span><!-- Increases to 510px in width-->
					<div class="ldd_submenu">
						<ul>
							<img src="img/T2i3t0XhxdXXXXXXXX_!!394695430.jpg" width="100" height="144" />
                        </ul>
						<ul>
						  <li class="ldd_heading">上衣系列</li>
							<li><a href="#">衬衣/Chen</a></li>
							<li><a href="#">外套/Chen</a></li>
							<li><a href="#">西装/Chen</a></li>
							<li><a href="#">夹克/Chen</a></li>
							<li><a href="#">风衣/Chen</a></li>
						</ul>
						<ul>
							<li class="ldd_heading">下衣系列</li>
							<li><a href="#">衬衣/Chen</a></li>
							<li><a href="#">外套/Chen</a></li>
							<li><a href="#">西装/Chen</a></li>
							<li><a href="#">夹克/Chen</a></li>
							<li><a href="#">风衣/Chen</a></li>
						</ul>
						<a class="ldd_subfoot" href="#"> + 查看更多</a>
					</div>
                    
				</li>
                <li>
					<span>男装</span><!-- Increases to 510px in width-->
					<div class="ldd_submenu">
						<ul>
							<img src="img/T2i3t0XhxdXXXXXXXX_!!394695430.jpg" width="100" height="144" />
                        </ul>
						<ul>
						  <li class="ldd_heading">上衣系列</li>
							<li><a href="#">衬衣/Chen</a></li>
							<li><a href="#">外套/Chen</a></li>
							<li><a href="#">西装/Chen</a></li>
							<li><a href="#">夹克/Chen</a></li>
							<li><a href="#">风衣/Chen</a></li>
						</ul>
						<ul>
							<li class="ldd_heading">下衣系列</li>
							<li><a href="#">衬衣/Chen</a></li>
							<li><a href="#">外套/Chen</a></li>
							<li><a href="#">西装/Chen</a></li>
							<li><a href="#">夹克/Chen</a></li>
							<li><a href="#">风衣/Chen</a></li>
						</ul>
						<a class="ldd_subfoot" href="#"> + 查看更多</a>
					</div>
                    
				</li>
                <li>
					<span>女装</span><!-- Increases to 510px in width-->
					<div class="ldd_submenu">
						<ul>
							<img src="img/T2i3t0XhxdXXXXXXXX_!!394695430.jpg" width="100" height="144" />
                        </ul>
						<ul>
						  <li class="ldd_heading">上衣系列</li>
							<li><a href="#">衬衣/Chen</a></li>
							<li><a href="#">外套/Chen</a></li>
							<li><a href="#">西装/Chen</a></li>
							<li><a href="#">夹克/Chen</a></li>
							<li><a href="#">风衣/Chen</a></li>
						</ul>
						<ul>
							<li class="ldd_heading">下衣系列</li>
							<li><a href="#">衬衣/Chen</a></li>
							<li><a href="#">外套/Chen</a></li>
							<li><a href="#">西装/Chen</a></li>
							<li><a href="#">夹克/Chen</a></li>
							<li><a href="#">风衣/Chen</a></li>
						</ul>
						<a class="ldd_subfoot" href="#"> + 查看更多</a>
					</div>
                    
				</li>
                <li>
					<span>童装</span><!-- Increases to 510px in width-->
					<div class="ldd_submenu">
						<ul>
							<img src="img/T2i3t0XhxdXXXXXXXX_!!394695430.jpg" width="100" height="144" />
                        </ul>
						<ul>
						  <li class="ldd_heading">上衣系列</li>
							<li><a href="#">衬衣/Chen</a></li>
							<li><a href="#">外套/Chen</a></li>
							<li><a href="#">西装/Chen</a></li>
							<li><a href="#">夹克/Chen</a></li>
							<li><a href="#">风衣/Chen</a></li>
						</ul>
						<ul>
							<li class="ldd_heading">下衣系列</li>
							<li><a href="#">衬衣/Chen</a></li>
							<li><a href="#">外套/Chen</a></li>
							<li><a href="#">西装/Chen</a></li>
							<li><a href="#">夹克/Chen</a></li>
							<li><a href="#">风衣/Chen</a></li>
						</ul>
						<a class="ldd_subfoot" href="#"> + 查看更多</a>
					</div>
                    
				</li>
                

</ul>
 <div class="more"><input type="text" value="整站搜索" />
   <a href="#">搜索</a></div>
<div class="tab"><strong>热门分类</strong>: <a href="#">连衣裙</a> <a href="#">T恤</a> <a href="#">打底衫</a></div>
<div class="kv"><img src="img/T2DOp0XcddXXXXXXXX_!!394695430.jpg" width="970" height="446" /></div>
<div class="page">
 <span class="hr8"></span>
 <div class=""><img src="img/T2gy45XlNcXXXXXXXX_!!394695430.jpg" width="970" height="59" /></div>
 <span class="hr8"></span>
 <div class="news">
  <h1>推荐产品</h1>
  <ul>
  <span class="hr8"></span>
   <li><img src="img/T2_ueiXbtcXXXXXXXX_!!394695430.jpg" width="185" height="330" /></li>
   <li><img src="img/T2jDOZXj8XXXXXXXXX_!!394695430.jpg" width="185" height="329" /></li>
   <li><img src="img/T22liVXoJaXXXXXXXX_!!394695430.jpg" width="185" height="330" /></li>
   <li><img src="img/T20miWXcpaXXXXXXXX_!!394695430.jpg" width="185" height="330" /></li>
   <li><img src="img/T2InGBXfNcXXXXXXXX_!!394695430.jpg" width="185" height="329" /></li>
  </ul>
 </div>
 <span class="hr8"></span>
 <div class="news">
  <h1>热销产品</h1>
  <ul>
  <span class="hr8"></span>
   <li><img src="img/T2r5mWXgFaXXXXXXXX_!!394695430.jpg" width="185" height="330" /></li>
   <li><img src="img/T2rfCOXo4aXXXXXXXX_!!394695430.jpg" width="185" height="330" /></li>
   <li><img src="img/T29WOVXcJXXXXXXXXX_!!394695430.jpg" width="185" height="330" /></li>
   <li><img src="img/T2_WXXXixOXXXXXXXX_!!394695430.jpg" width="185" height="330" /></li>
   <li><img src="img/T2InGBXfNcXXXXXXXX_!!394695430.jpg" width="185" height="329" /></li>
  </ul>
 </div>
 <span class="hr8"></span>
 <div class="news">
  <h1>品牌介绍</h1>
  <ul>
  <span class="hr8"></span>
   <li><img src="img/T26OyQXiNaXXXXXXXX_!!394695430.jpg" width="88" height="88" /></li>
   <li><img src="img/T26OyQXiNaXXXXXXXX_!!394695430.jpg" width="88" height="88" /></li>
   <li><img src="img/T26OyQXiNaXXXXXXXX_!!394695430.jpg" width="88" height="88" /></li>
   <li><img src="img/T26OyQXiNaXXXXXXXX_!!394695430.jpg" width="88" height="88" /></li>
   <li><img src="img/T26OyQXiNaXXXXXXXX_!!394695430.jpg" width="88" height="88" /></li>
  </ul>
 </div>
 <span class="hr8"></span>
 <div class="footer">
		<div class="direct">
			<dl>
				<dt>如何付款</dt>
				<dd><a href="#" title="">·邮局汇款</a></dd>
				<dd><a href="#" title="">·银行付款</a></dd>
				<dd><a href="#" title="">·货到付款</a></dd>
			</dl>
			<dl>
				<dt>办理退换货</dt>
				<dd><a href="#" title="">·退货说明</a></dd>
				<dd><a href="#" title="">·保修（换货）说明</a></dd>
				<dd><a href="#" title="">·服务保障</a></dd>
			</dl>
		  <dl>
				<dt>帮助中心</dt>
				<dd><a href="#" title="">·找回密码</a></dd>
				<dd><a href="#" title="">·热点问题</a></dd>
				<dd><a href="#" title="">·怎样防止账户被盗？</a></dd>
			</dl>
			<dl>
			  <dt>我的帐户</dt>
				<dd><a href="#" title="">·注册时密码设置要求</a></dd>
				<dd><a href="#" title="">·注册会员要收费么？</a></dd>
				<dd><a href="#" title="">·如何注册</a></dd>
		  </dl>
			<dl>
				<dt>购物指南</dt>
				<dd><a href="#" title="">·在线支付</a></dd>
				<dd><a href="#" title="">·积分规则</a></dd>
				<dd><a href="#" title="">·购物步骤</a></dd>
			</dl>
		</div>
		<div class="cl_b co">
			<a href="#" title="">关于xxx</a> | <a href="#" title="">关于xxx</a> | <a href="#" title="">About xxx</a> | <a href="#" title="">服务条款</a> | <a href="#" title="">广告服务</a> | <a href="#" title="">招聘</a> | <a href="#" title="">客服中心</a> | <a href="#" title="">网站导航</a> | <a href="#" title="">版权保护投诉指引</a><br />
		</div>
	</div>
</div>
</div></div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript">
            $(function() {
				/**
				 * the menu
				 */
				var $menu = $('#ldd_menu');
				
				/**
				 * for each list element,
				 * we show the submenu when hovering and
				 * expand the span element (title) to 510px
				 */
				$menu.children('li').each(function(){
					var $this = $(this);
					var $span = $this.children('span');
					$span.data('width',$span.width());
					
					$this.bind('mouseenter',function(){
						$menu.find('.ldd_submenu').stop(true,true).hide();
						$span.stop().animate({'width':'510px'},300,function(){
							$this.find('.ldd_submenu').slideDown(300);
						});
					}).bind('mouseleave',function(){
						$this.find('.ldd_submenu').stop(true,true).hide();
						$span.stop().animate({'width':$span.data('width')+'px'},300);
					});
				});
            });
 </script>	
</body>
</html>
